<template>
	<div class="classify-list">
		<ul>
			<router-link tag="li" v-for="item in showList" :to="'/classify/'+item.id" :key="item.id">
				<div class="classify-list-image">
					<img :src="item.icon" alt="">
				</div>
				<div class="classify-list-title">
					{{item.name}}
				</div>
			</router-link>
		</ul>
	</div>
</template>

<script>
	export default {
		name: "List",
		props: {
			showList: {
				type: Array,
				required: true
			}
		}
	}
</script>
